<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--    引入vue.js-->
    <script th:src="@{js/vue.js}"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<!--<div id="app">-->

<!--    <div id="test">-->
<!--        <ul v-for="item in items">-->
<!--            <li>-->
<!--                {{item.song_id}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.song_name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.song_describing}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.amount_of_play}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.collected}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.date}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.like_number}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.lyrics}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.music_address}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.picture_address}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.singer_name}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.type}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--                {{item.video_address}}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
<!--            </li>-->
<!--        </ul>-->
<!--    </div>-->


<!--</div>-->
<!--  <script>-->

<!--      var rm = new Vue({-->
<!--          el: '#test',-->
<!--          data(){-->
<!--              return{-->
<!--                  items:{-->
<!--                      song_id: null,-->
<!--                      song_name: null,-->
<!--                      song_describing: null,-->
<!--                      amount_of_play: null,-->
<!--                      collected: null,-->
<!--                      date: null,-->
<!--                      like_number: null,-->
<!--                      lyrics: null,-->
<!--                      music_address: null,-->
<!--                      picture_address: null,-->
<!--                      singer_name: null,-->
<!--                      type: null,-->
<!--                      video_address: null,-->
<!--                  }-->
<!--              }-->
<!--          },-->
<!--          created(){-->
<!--              let _this = this;-->
<!--              axios.get("http://localhost:8080/HotRecommend?type=流行").then(-->
<!--                  function (response) {-->
<!--                      _this.items = response.data;-->
<!--                      console.log(response.data);-->
<!--                      console.log(_this.items)-->
<!--                  }-->
<!--              ).catch(-->
<!--                  function (err) {-->
<!--                      console.log(err);-->
<!--                  }-->
<!--              )-->
<!--          }-->
<!--      })-->

<!--      //通过get方式请求发给服务器-->
<!--    // axios.get("http://localhost:8080/practice_axios?name=get").then(-->
<!--    //     function (response) {-->
<!--    //          console.log(response.data);-->
<!--    //     }-->
<!--    // ).catch(-->
<!--    //     function (err) {-->
<!--    //        console.log(err);-->
<!--    //     }-->
<!--    // )-->
<!--      //    private String account;-->
<!--      //    private String password;-->
<!--      //    private String nickname;-->
<!--      //    private int scores;-->
<script>
      // 测试接口数据
      // private String account;//账号
      // private String password;//密码
      // private String nickname;//昵称
      // private int scores;//积分
      // private String sex;//性别
      // private String signature;//个性签名
      // private String phone;//电话号码
      // private String email;//邮箱
      // ,{
      //     // account: '123312',
      //     // password: 'zhangshihe',
      //     // nickname: '天风',
      //     // scores: 10,
      //     // sex: '男',
      //     // signature: '童童世界的方式',
      //     // phone: '13655037764',
      //     // email: '8857464@qq.com'
      // }
      axios.post("http://localhost:8883/FindAllUserInfoAccount").then(
          function (response) {
              console.log(response.data);
          }
      ).catch(
          function (err) {
              console.log(err);
          }
      )
      const app = new Vue({
         el: '#app',
         data: {

         } ,
          methods:{

          }
      });
  </script>
</body>
</html>